<%-- 
Document   : consultarPuestoTrabajo
Created on : 14/11/2010, 11:55:23 PM
Author     : Patricia
--%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<% request.setAttribute("allowed", "Consultar Cargos y Puestos de Trabajo"); %>
<%@ include file='../Templates/security.jsp' %>

<h1 class="title">Gestión de Puestos de Trabajo</h1>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Consultar Puesto de Trabajo</h2>
        <form id="consultarPTForm" action="javascript:void(0);">
            <table>
                <tbody>
                    <tr>
                        <td>Nombre Puesto:</td>
                        <td><input id="nombre_pt" name="nombre_pt" size ="40" class="filter"/></td>
                    </tr>
                <br>
                <tr>
                    <td>Cargo Asociado:</td>
                    <td>
                        <select id="Cargo" name="nombre_cargo" class="filter">
                            <option value="">Cualquiera</option>
                        </select>
                    </td>
                </tr>
                <br>
                <tr>
                    <td>Sede:</td>
                    <td>
                        <select id="Sedes" name="sede" onchange="listEspacios(value)" class="filter">
                            <option value="" selected>Cualquiera</option></select>
                            <html:errors property = "sede_pt_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td>Espacio:</td>
                    <td>
                        <select id="Espacios" name="espacio" class="filter">
                        </select>
                        <html:errors property = "espacio_pt_requerido"/>
                    </td>
                </tr>
                </tbody>
            </table>
            <br>

            <html:button property="" value="  Mostrar Todo  " onclick="consultarPuestoTrabajoTodo()"/>
            <html:button property="" value="Consultar" styleId="consultarForm" onclick="consultarPuestoTrabajo()" styleClass="oculta"/>
            <html:button property="" styleClass="back" value="  Atrás  "/>
            <html:reset property="" styleId="resetForm" value="Limpiar" styleClass="oculta"/>
        </form>
        <br><div style="clear: both;">&nbsp;</div><br>
        <div id="obs"></div><br>
        <div id="consultarPT">
            <table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable" style="overflow:auto">
                <thead id="head">
                    <tr>
                        <th><h5><div class="ordenar" onclick="orden('nombre_puesto');" >Nombre </div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('nombre_cargo');" >Cargo </div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('descripcion');" >Descripción </div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('sede');" >Sede </div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('espacio');" >Espacio </div></h5></th>
                        <th><h5> Piso </h5></th>
                        <th><h5> Modificar </h5></th>
                    </tr>
                </thead>
                <tbody id="resultado"></tbody>
            </table>
            <%@ include file="../Templates/paginasTabla.jsp" %>
        </div>
        <div style="clear: both;">&nbsp;</div>
        <br>
    </center>
</div>
<div style="clear: both;">&nbsp;</div>

<script type="text/javascript">
    $('.filter').change(function(){
        offset = 0;
        consultarPuestoTrabajo();
    });

    $(function(){
        $("#consultarPT").hide();
        listaCargos();
        listaSedes();
        consultarPuestoTrabajo();
    });

    function consultarPuestoTrabajo(){
        limit = $('#limit').val();
        $.ajax({
            type: 'POST',
            url:"consultarPuestoTrabajo.do?limit="+limit+"&offset="+offset+"&order="+order+"&asc="+asc,
            data: $('#consultarPTForm').serialize(),
            dataType: 'json',
            success: proceessConsultarPT 
        });
    }

    function proceessConsultarPT(data) {
        $('#resultado').empty();
        $.each(data.puestos , function(i,item){
            if ((i % 2) == 0) fila = $("<tr bgcolor = \"#fff\">");
            else fila = $("<tr bgcolor = \"#ecf2f6\">");

            fila.append($("<td>").append(item.nombre_pt));
            fila.append($("<td>").append(item.nombre_cargo));
            fila.append($("<td>").append(item.descripcion));
            fila.append($("<td>").append(item.sede));
            fila.append($("<td>").append(item.espacio));
            piso = (item.piso == undefined?"-":(item.piso==0?"PB":item.piso));
            fila.append($("<td>").append(piso));
            mod = "<img src='style/images/table_edit1.png' alt='Modificar Puesto Trabajo' "
                +"onclick=\"return PuestoTrabajoM('"+item.nombre_cargo+"','"+item.nombre_pt+"','"+item.sede+"');\""
                +"width='20' height='20'>";
            fila.append($("<td>").append(mod));
            $('#resultado').append(fila);
        });
        tam = data.tam
        if(tam==0){
            $("#obs").html('<h4>No hay resultados que coincidan con los parametros dados.</h4>');
            $("#consultarPT").hide();
        } else {
            $("#obs").html('OBSERVACIÓN: Para ordenar la tabla por un campo específico, presionar el nombre de la columna.');
            $("#currentpage").html((offset/limit)+1);
            $("#pagelimit").html(Math.ceil(tam/limit));
            $("#consultarPT").show();
        }
    }

    function consultarPuestoTrabajoTodo(){
        $('#resetForm').click();
        $('#Espacios').empty();
        consultarPuestoTrabajo();
    }
</script>